<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link rel="shortcut icon" href="images/favicon.ico" />

	<style type="text/css">
		@import url(stylesheets/dark/styles.css);		/*link to the main CSS file */
	</style>

	<title>Inspiration | Typography page</title>
	
	<!-- Initialise jQuery Library -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
</head>
<body id="sp">
<!-- Start Main Nav -->
<div class="mainnav_full">
	<div id="MainNav">
		<a href="index.html" class="logo"><img src="images/logo.png" width="180" height="50" alt="" /></a>
		<div id="menu">
			<ul class="ddsmoothmenu">
				<li><span class="menuslide"></span><a href="#" title="Home">Home<span class="menu_description">Beginning</span></a>
                	<ul>
						<li><a href="index.html" title="Accordion Slider">Accordion Slider</a></li>
						<li><a href="index2.html" title="Nivo Slider">Nivo Slider</a></li>
						<li><a href="index3.html" title="Coin Slider">Coin Slider</a></li>
						<li><a href="index4.html" title="Anything Slider">Anything Slider</a></li>
						<li><a href="index5.html" title="3D Slider">3D Slider</a></li>
						<li><a href="index6.html" title="Roundabout Slider">Roundabout Slider</a></li>
						<li><a href="index7.html" title="Orbit Slider">Orbit Slider</a></li>
						<li><a href="index8.html" title="Serie3 Slider">Serie3 Slider</a></li>
					</ul>
                </li>
				<li class="current-menu-item"><span class="menuslide"></span><a href="#" title="About">About<span class="menu_description">About Theme</span></a>
                	<ul>
						<li><a href="about.html" title="About Us">About Us</a></li>
						<li><a href="services.html" title="Services">Services</a></li>
						<li><a href="fullwidth.html" title="Fullwidth">Fullwidth</a></li>
						<li><a href="sidebar_left.html" title="Sidebar Left">Sidebar Left</a></li>
						<li><a href="typography.html" title="Typography">Typography</a></li>
						<li><a href="faq.html" title="FAQ">FAQ</a></li>
                        <li><a href="#" title="Shortcodes">Shortcodes</a>
                        <ul>
                            <li><a href="short_tabs.html" title="Tabs">Tabs</a></li>
                            <li><a href="short_accordion.html" title="Accordion">Accordion</a></li>
                            <li><a href="short_toggle.html" title="Toggle">Toggle</a></li>
                        </ul>
                        </li>
					</ul>
                </li>
				<li><span class="menuslide"></span><a href="gallery.html" title="Gallery">Gallery<span class="menu_description">Our Gallery</span></a></li>
				<li><span class="menuslide"></span><a href="#" title="Portfolio">Portfolio<span class="menu_description">Our Portfolio</span></a>
					<ul>
						<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
						<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
						<ul>
							<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
							<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
							<ul>
								<li><a href="portfolio_detailed.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
							</ul>
							</li>
							<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
							<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						</ul>
						</li>
						<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
						<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						<li><a href="portfolio_single.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="#" title="Blog">Blog<span class="menu_description">On Any Page</span></a>
					<ul>
						<li><a href="blog.html" title="Blog Page">Blog Page</a></li>
						<li><a href="blog_alternate.html" title="Blog Alternate Page">Blog Alternate Page</a></li>
						<li><a href="blog_single.html" title="Blog Single Page">Blog Single Page</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="partners.html" title="Partners">Partners<span class="menu_description">Our Partners</span></a></li>
				<li><span class="menuslide"></span><a href="contact.html" title="Contact">Contact<span class="menu_description">Write a Message</span></a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Main Nav -->

<!-- Begin Header -->
<div class="header_full sample_01">
	<div class="head_top_shadow"></div>
	<div class="head_bot_shadow"></div>
	<div id="header"></div>
</div>
<!-- End Header -->

<!-- Start Content Wrapper -->
<div class="content_wrapper_sbr">
	<div class="PageTitle">
		<h1>Typography</h1>
	</div>
	<div id="breadcrumbs">
		<a href="index.html" title="Home">Home</a> &raquo; <a href="about.html" title="About Us">About Us</a> &raquo; Typography
	</div>
	<!-- Content Area -->
	<div id="content">
		<h2>Paragraph with images</h2>
			<img src="images/content/typo_01.jpg" width="266" height="154" alt="" class="pic alignleft" />
			<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada.</p>
			<p>Donec eget purus elit. Vestibulum tempor porttitor nunc, eget fringilla sapien suscipit nec. Donec iaculis egestas cursus. Morbi tincidunt vulputate elementum. Pellentesque quis erat urna, sit amet gravida est. Sed vel tempor mauris. Quisque sed diam purus, non blandit nisi. Integer pulvinar fermentum purus vitae pellentesque. Nullam eget elit at erat vulputate ullamcorper non eget nulla. Sed id dignissim nisl. Vestibulum faucibus, nunc a elementum porta, metus justo facilisis elit, sit amet molestie neque arcu vel risus. Quisque sit amet augue vel nibh iaculis lacinia.</p>
			<div class="clear"></div>
			<div class="hr"></div>
			<img src="images/content/typo_02.jpg" width="266" height="154" alt="" class="pic alignright" />
			<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada.</p>
			<p>Donec eget purus elit. Vestibulum tempor porttitor nunc, eget fringilla sapien suscipit nec. Donec iaculis egestas cursus. Morbi tincidunt vulputate elementum. Pellentesque quis erat urna, sit amet gravida est. Sed vel tempor mauris. Quisque sed diam purus, non blandit nisi. Integer pulvinar fermentum purus vitae pellentesque. Nullam eget elit at erat vulputate ullamcorper non eget nulla. Sed id dignissim nisl. Vestibulum faucibus, nunc a elementum porta, metus justo facilisis elit, sit amet molestie neque arcu vel risus. Quisque sit amet augue vel nibh iaculis lacinia.</p>
			<div class="clear"></div>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
				
			<h2>Table styling</h2>
			<table class="table">
			  <thead>
				  <tr>
					<th>Heading 1</th>
					<th>Heading 2</th>
					<th>Heading 3</th>
					<th>Heading 4</th>
				  </tr>
			  </thead>
			  <tbody>
				  <tr>
					<td>Option 1</td>
					<td>Option 1</td>
					<td>Option 1</td>
					<td>Option 1</td>
				  </tr>
				  <tr class="odd">
					<td>Option 2</td>
					<td>Option 2</td>
					<td>Option 2</td>
					<td>Option 2</td>
				  </tr>
				  <tr>
					<td>Option 3</td>
					<td>Option 3</td>
					<td>Option 3</td>
					<td>Option 3</td>
				  </tr>
				  <tr class="odd">
					<td>Option 4</td>
					<td>Option 4</td>
					<td>Option 4</td>
					<td>Option 4</td>
				  </tr>
				  <tr>
					<td>Option 5</td>
					<td>Option 5</td>
					<td>Option 5</td>
					<td>Option 5</td>
				  </tr>
				  <tr class="odd">
					<td>Option 6</td>
					<td>Option 6</td>
					<td>Option 6</td>
					<td>Option 6</td>
				  </tr>
			  </tbody>
			</table>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>

			<h1>This is a H1 Heading</h1>
			<p>Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet. Consectetuer adipiscing elit. Mauris fermentum dictum magna.</p>
			<h2>This is a H2 Heading</h2>
			<p>Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet. Consectetuer adipiscing elit. Mauris fermentum dictum magna.</p>
			<h3>This is a H3 Heading</h3>
			<p>Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet. Consectetuer adipiscing elit. Mauris fermentum dictum magna.</p>
			<h4>This is a H4 Heading</h4>
			<p>Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet. Consectetuer adipiscing elit. Mauris fermentum dictum magna.</p>
			<h5>This is a H5 Heading</h5>
			<p>Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet. Consectetuer adipiscing elit. Mauris fermentum dictum magna.</p>
			<h6>This is a H6 Heading</h6>
			<p>Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet. Consectetuer adipiscing elit. Mauris fermentum dictum magna.</p>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
				
			<h2>Quotes</h2>
			<blockquote>
				<p>Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante acus consect etuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna.</p>
			</blockquote>
			<p>Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet. Consectetuer adipisc mauris fermentum dictum magna. </p>

			<blockquote class="quoteleft">
				<p>Unean auctor wisi eturna aliquam erat volutpat.</p>
			</blockquote>
			<p>Adipiscing elit. Maurisfetun duis ultricies pharetra magna Donec accumsan malada orci. Donec amet eros. Lorem ipsum dolor consectetuer adipisc mauris.</p>
			<div class="clear"></div>
				
			<blockquote class="quoteright">
				<p>Unean auctor wisi eturna aliquam erat volutpat.</p>
			</blockquote>
			<p>Adipiscing elit. Maurisfetun duis ultricies pharetra magna Donec accumsan malada orci. Donec amet eros. Lorem ipsum dolor consectetuer adipisc mauris.</p>
			<div class="clear"></div>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
				
			<h2>Dropcaps</h2>

			<div class="columns">
				<div class="column">
					<!-- Start Dropcap type 1 -->
					<p class="dropcap-type1">Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna.</p>
				</div>
				<div class="column">
					<!-- Start Dropcap type 2 -->
					<p class="dropcap-type2">Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna.</p>
				</div>
				<div class="clear"></div>
			</div>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
				
			<h2>Highlights</h2>

			<div class="columns2">
				<div class="column">
					<p>Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. <span class="highlight_01">Maurisfetun Duis ultricies</span> pharetra magna. Accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna.</p>
				</div>
				<div class="column">
					<p>Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. <span class="highlight_02">Maurisfetun Duis ultricies</span> pharetra magna. Accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna.</p>
				</div>
				<div class="clear"></div>
			</div>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
				
			<h2>Buttons</h2>

			<p><a href="#" class="button black">Black</a>
			<a href="#" class="button black bigrounded">Rounded</a>
			<a href="#" class="button black medium">Medium</a>
			<a href="#" class="button black small">Small</a></p>
		
			<p><a href="#" class="button gray">Gray</a> 
			<a href="#" class="button gray bigrounded">Rounded</a> 
			<a href="#" class="button gray medium">Medium</a> 
			<a href="#" class="button gray small">Small</a></p>

			<p><a href="#" class="button white">White</a> 
			<a href="#" class="button white bigrounded">Rounded</a> 
			<a href="#" class="button white medium">Medium</a> 
			<a href="#" class="button white small">Small</a></p>

			<p><a href="#" class="button orange">Orange</a> 
			<a href="#" class="button orange bigrounded">Rounded</a> 
			<a href="#" class="button orange medium">Medium</a> 
			<a href="#" class="button orange small">Small</a></p>

			<p><a href="#" class="button red">Red</a> 
			<a href="#" class="button red bigrounded">Rounded</a> 
			<a href="#" class="button red medium">Medium</a> 
			<a href="#" class="button red small">Small</a></p>

			<p><a href="#" class="button blue">Blue</a> 
			<a href="#" class="button blue bigrounded">Rounded</a> 
			<a href="#" class="button blue medium">Medium</a> 
			<a href="#" class="button blue small">Small</a></p>

			<p><a href="#" class="button rosy">Rosy</a> 
			<a href="#" class="button rosy bigrounded">Rounded</a> 
			<a href="#" class="button rosy medium">Medium</a> 
			<a href="#" class="button rosy small">Small</a></p>

			<p><a href="#" class="button green">Green</a> 
			<a href="#" class="button green bigrounded">Rounded</a> 
			<a href="#" class="button green medium">Medium</a> 
			<a href="#" class="button green small">Small</a></p>

			<p><a href="#" class="button pink">Pink</a> 
			<a href="#" class="button pink bigrounded">Rounded</a> 
			<a href="#" class="button pink medium">Medium</a> 
			<a href="#" class="button pink small">Small</a></p>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
			
			<div class="columns3">
				<div class="column">
					<!-- Start Unordered List type 1 -->
					<h3>Ordered List Type 1</h3>
					<ul class="ordered type1">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 2 -->
					<h3>Ordered List Type 2</h3>
					<ul class="ordered type2">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns4">
				<div class="column">
					<!-- Start Unordered List type 1 -->
					<h3>Unordered List Type 1</h3>
					<ul class="unordered type1">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 2 -->
					<h3>Unordered List Type 2</h3>
					<ul class="unordered type2">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns5">
				<div class="column">
					<!-- Start Unordered List type 3 -->
					<h3>Unordered List Type 3</h3>
					<ul class="unordered type3">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 4 -->
					<h3>Unordered List Type 4</h3>
					<ul class="unordered type4">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns6">
				<div class="column">
					<!-- Start Unordered List type 5 -->
					<h3>Unordered List Type 5</h3>
					<ul class="unordered type5">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 6 -->
					<h3>Unordered List Type 6</h3>
					<ul class="unordered type6">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns7">
				<div class="column">
					<!-- Start Unordered List type 7 -->
					<h3>Unordered List Type 7</h3>
					<ul class="unordered type7">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 8 -->
					<h3>Unordered List Type 8</h3>
					<ul class="unordered type8">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns8">
				<div class="column">
					<!-- Start Unordered List type 9 -->
					<h3>Unordered List Type 9</h3>
					<ul class="unordered type9">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 10 -->
					<h3>Unordered List Type 10</h3>
					<ul class="unordered type10">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns9">
				<div class="column">
					<!-- Start Unordered List type 11 -->
					<h3>Unordered List Type 11</h3>
					<ul class="unordered type11">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 12 -->
					<h3>Unordered List Type 12</h3>
					<ul class="unordered type12">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns10">
				<div class="column">
					<!-- Start Unordered List type 13 -->
					<h3>Unordered List Type 13</h3>
					<ul class="unordered type13">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 14 -->
					<h3>Unordered List Type 14</h3>
					<ul class="unordered type14">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns11">
				<div class="column">
					<!-- Start Unordered List type 15 -->
					<h3>Unordered List Type 15</h3>
					<ul class="unordered type15">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 16 -->
					<h3>Unordered List Type 16</h3>
					<ul class="unordered type16">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns12">
				<div class="column">
					<!-- Start Unordered List type 17 -->
					<h3>Unordered List Type 17</h3>
					<ul class="unordered type17">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 18 -->
					<h3>Unordered List Type 18</h3>
					<ul class="unordered type18">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns13">
				<div class="column">
					<!-- Start Unordered List type 19 -->
					<h3>Unordered List Type 19</h3>
					<ul class="unordered type19">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 20 -->
					<h3>Unordered List Type 20</h3>
					<ul class="unordered type20">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns14">
				<div class="column">
					<!-- Start Unordered List type 21 -->
					<h3>Unordered List Type 21</h3>
					<ul class="unordered type21">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 22 -->
					<h3>Unordered List Type 22</h3>
					<ul class="unordered type22">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns15">
				<div class="column">
					<!-- Start Unordered List type 23 -->
					<h3>Unordered List Type 23</h3>
					<ul class="unordered type23">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 24 -->
					<h3>Unordered List Type 24</h3>
					<ul class="unordered type24">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="hr"></div>
			<div class="columns16">
				<div class="column">
					<!-- Start Unordered List type 25 -->
					<h3>Unordered List Type 25</h3>
					<ul class="unordered type25">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>	
				</div>
				<div class="column">
					<!-- Start Unordered List type 26 -->
					<h3>Unordered List Type 26</h3>
					<ul class="unordered type26">
						<li>Donec accumsan malesuada orcidonec</li>
						<li>Ectetuer adipscing elit maurise pharetra</li>
						<li>Dolorconsec tetuer malesuada.</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
			
			<h2>Info Boxes</h2>
			<!-- Start Infoboxes -->
			<div class="succsess_box">
				<p>Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor amet couer adipiscing elit. Mauris fermen tum dictum magna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus. Consectetuer adipiscing.</p>
			</div>
			<div class="warning_box">
				<p>Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor amet couer adipiscing elit. Mauris fermen tum dictum magna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus. Consectetuer adipiscing.</p>
			</div>
			<div class="error_box">
				<p>Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor amet couer adipiscing elit. Mauris fermen tum dictum magna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus. Consectetuer adipiscing.</p>
			</div>
			<div class="info_box">
				<p>Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor amet couer adipiscing elit. Mauris fermen tum dictum magna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus. Consectetuer adipiscing.</p>
			</div>

			<div class="gototop"><a href="#MainNav">top &uarr;</a></div>
	</div>
	<!-- Sidebar Area -->
	<div id="sidebar">
		<div class="widget-container widget_search">
		<form action="action" id="searchform">
			<div>
				<label for="s" class="screen-reader-text">Search for:</label>
				<input type="text" id="s" name="s" value="" />
				<input type="submit" value="Search" id="searchsubmit" />
			</div>
		</form>
		</div>
		<div class="widget-container widget_categories">
			<h3>Categories</h3>
			<ul>
				<li><a href="blog_single.html" title="Web Design">Web Design</a></li>
				<li><a href="blog_single.html" title="News">News</a></li>
				<li><a href="blog_single.html" title="Photography">Photography</a></li>
				<li><a href="blog_single.html" title="Technology">Technology</a></li>
			</ul>
		</div>
		<div class="widget-container widget_tabbed">
			<!-- Start Tabbed Box Container -->
			<!-- Tabs Menu -->
			<ul class="tab-items">
				<li><a href="#tabs-1" title="Popular">Popular</a></li>
				<li><a href="#tabs-2" title="Recent">Recent</a></li>
				<li><a href="#tabs-3" title="Comments">Comments</a></li>
			</ul>
			<!-- Tab Container for menu with ID tabs-1 -->
			<div class="tabs-inner" id="tabs-1">
				<ul>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_p_01.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Accumsan malesuada sitmet eros</a></b>
						<span class="date">September 15, 2010</span>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_p_02.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Malesuada orcdonec umet lorem doloronsec tetuer malesuada</a></b>
						<span class="date">August 30, 2010</span>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_p_03.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 25, 2010</span>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_p_04.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 20, 2010</span>
						<div class="clear"></div>
					</li>
				</ul>
			</div>
			<!-- Tab Container for menu with ID tabs-2 -->
			<div class="tabs-inner" id="tabs-2">
				<ul>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_r_01.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Malesuada orcdonec</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam</p>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_r_02.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Udipiscing elit</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam</p>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_r_03.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Ullam corporis suscipit</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam</p>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/content/sidebar_r_04.jpg" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Malesuada orcdonec</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam</p>
						<div class="clear"></div>
					</li>
				</ul>
			</div>
			<!-- Tab Container for menu with ID tabs-3 -->
			<div class="tabs-inner" id="tabs-3">
				<ul>
					<li>
						<b><a href="blog_single.html">Accumsan malesuada sitmet eros lorem</a></b>
						<span class="date">September 15, 2010</span>					</li>
					<li>
						<b><a href="blog_single.html">Malesuada orcdonec umet lorem doloronsec tetuer malesuada</a></b>
						<span class="date">August 30, 2010</span>					</li>
					<li>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 25, 2010</span>					</li>
					<li>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 20, 2010</span>					</li>
				</ul>
			</div>
		</div>
		<!-- End Tabbed Box Container -->
		<!-- Recent Projects Slider -->
		<div class="widget-container widget_recent_projects">
			<h3>Recent Projects</h3>
			<ul>
				<li>
					<a href="portfolio_single.html"><img src="images/content/sidebar_rp_01.jpg" width="260" height="115" alt="" class="pic" /></a>
					<b><a href="portfolio_single.html">Donec accumsan malesuada</a></b>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan.</p>
				</li>
				<li>
					<a href="portfolio_single.html"><img src="images/content/sidebar_rp_02.jpg" width="260" height="115" alt="" class="pic" /></a>
					<b><a href="portfolio_single.html">Donec accumsan malesuada</a></b>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan.</p>
				</li>
				<li>
					<a href="portfolio_single.html"><img src="images/content/sidebar_rp_03.jpg" width="260" height="115" alt="" class="pic" /></a>
					<b><a href="portfolio_single.html">Donec accumsan malesuada</a></b>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan.</p>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<!-- End Content Wrapper -->

<!-- Start Footer Sidebar -->
<div class="fsb_full">	
	<div id="fsb">
		<!-- Start First Collumn -->
		<div class="widget-container widget_recent_posts" data-place="2">
			<h3>Latest News</h3>
			<ul>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic1.jpg" alt="" width="72" height="48" border="0" /></a>
					<h4><a href="blog_single.html">Cufon Font Replacement</a></h4>
					<p>Aenean convallis ultricies nisl, et ultrices metus gravida vel.</p>
					<div class="clear"></div>
				</li>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic2.jpg" width="72" height="48" alt="" /></a>
					<h4><a href="blog_single.html">Auto Column Alignment</a></h4>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum.</p>
					<div class="clear"></div>
				</li>
			</ul>
		</div>
		<!-- Start Second Collumn -->
		<div class="widget-container widget_links">
			<h3>Blogroll</h3>
			<ul>
				<li><a href="#" title="Development Blog">Development Blog</a></li>
				<li><a href="#" title="Documentation">Documentation</a></li>
				<li><a href="#" title="Plugins">Plugins</a></li>
				<li><a href="#" title="Suggest Ideas">Suggest Ideas</a></li>
				<li><a href="#" title="Support Forum">Support Forum</a></li>
			</ul>
		</div>
		<!-- Start Third Collumn -->
		<div class="widget-container widget_archive">
			<h3>Archives</h3>
			<ul>
				<li><a href="blog.html" title="August 2011">August 2011</a></li>
				<li><a href="blog_alternate.html" title="July 2011">July 2011</a></li>
				<li><a href="blog.html" title="June 2011">June 2011</a></li>
				<li><a href="blog_alternate.html" title="May 2011">May 2011</a></li>
				<li><a href="blog.html" title="April 2011">April 2011</a></li>
			</ul>
		</div>
		<!-- Start Fourth Collumn -->
		<div class="widget-container widget_text" data-place="2">
			<h3>Contact Form</h3>
			<form action="action">
				<div class="wpcf7">
					<p><label>Name:</label> <input type="text" class="wpcf7-text your-name" /></p>
					<p><label>E-mail:</label> <input type="text" class="wpcf7-text your-email" /></p>
					<p><span class="your-message"><textarea cols="20" rows="5"></textarea></span></p>
					<p><input type="submit" title="Submit" value="Submit" /></p>
				</div>
			</form>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer Sidebar -->
<!-- Start Footer  -->
<div class="footer_full">
	<div id="footer">
		<div class="copy">
			<p>Copyright &copy; 2011  &bull;  MixerTheme  &bull;  All rights reserved</p>
			<p class="developed_by">Developed By: <a href="http://cssmixer.com/">CSSMixer</a></p>
		</div>
		<div class="social">
			<a href="http://www.facebook.com/people/@/MixerTheme" title="Facebook"><img src="images/facebook.png" width="42" height="42" alt="" /></a>
			<a href="http://themeforest.net/user/MixerTheme/portfolio" title="Myspace"><img src="images/myspace.png" width="42" height="42" alt="" /></a>
			<a href="feed://themeforest.net/feeds/users/MixerTheme" title="RSS Feed"><img src="images/rss.png" width="42" height="42" alt="" /></a>
			<a href="http://twitter.com/MixerTheme" title="Twitter"><img src="images/twitter.png" width="42" height="42" alt="" /></a>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer  -->

<!-- Theme Hook -->
<script type="text/javascript" src="js/Includer.js"></script>
<script type="text/javascript">Cufon.now();</script>
</body>
</html>